import { Html } from '@elysiajs/html'
import { MenuComponent } from '../../../views/user-list'
import { Layout } from '../layout/layout';
import { PostListCard } from '../layout/post-list-card';
import { PageHeader } from '../layout/page-header';

export const IndexPage = () => (<div>
    首页
    
    <MenuComponent />
  
  </div>)

export const HomePage = () => {  
    let postList: Record<string, any>[] = Array(10).fill( { 
        title: 'Ios 开发们，是时候干掉charles了',
        contentPreview: `2024-04-10-iOS 开发们，是时候干掉Charles了.md
layout:     post
title:      开发们，是时候干掉Charles了
subtitle:   开发工具
date:       2024-01-17
author:     邹壮壮
header-img: img/post-bg-ios9-web.jpg
catalog: true
tags:...`,
        author: '邹壮壮的博客',
        publishTime: 'April 10, 2024',
    } as Record<string, any>);
    return Layout(<div> 
         {PageHeader()}
{/* <!-- Main Content --> */}
<div class="container"> 
	<div class="row">
{/* <!-- USE SIDEBAR --> */}
    {/* <!-- PostList Container --> */}
    		<div class="
                col-lg-8 col-lg-offset-1
                col-md-8 col-md-offset-1
                col-sm-12
                col-xs-12
                postlist-container
            ">  
                  {postList.map(p => PostListCard(    p  ))}
                {/* <!-- Pager --> */}
                <ul class="pager"> 
                    <li class="next">
                        <a href="/page2">Older Posts →</a>
                    </li> 
                </ul>

   </div>
    {/* <!-- Sidebar Container --> */}
            <div class="
                col-lg-3 col-lg-offset-0
                col-md-3 col-md-offset-0
                col-sm-12
                col-xs-12
                sidebar-container
            ">
                {/* <!-- Featured Tags --> */}
                
                <section>
                    <hr class="hidden-sm hidden-xs" />
                    <h5><a href="/tags/">FEATURED TAGS</a></h5>
                    <div class="tags">
                        
                            
                                <a href="/tags/#iOS" title="iOS" rel="9">
                                    iOS
                                </a>
                            
                        
                            
                                <a href="/tags/#iOS开发基础" title="iOS开发基础" rel="7">
                                    iOS开发基础
                                </a>
                            
                        
                            
                        
                            
                        
                            
                                <a href="/tags/#开源框架" title="开源框架" rel="3">
                                    开源框架
                                </a>
                            
                        
                            
                                <a href="/tags/#Swift" title="Swift" rel="3">
                                    Swift
                                </a>
                            
                        
                            
                        
                    </div>
                </section>
                

                {/* <!-- Short About --> */}
                <section class="visible-md visible-lg">
                    <hr/><h5><a href="/about/">ABOUT ME</a></h5>
                    <div class="short-about">
                        
                            <a href="/about">
                                <img src="/front/default/static/img/about-zzz-gentle.jpg" />
                            </a>
                        
                        
                            <p>Goals determine what you going to be!</p>
                        
                        {/* <!-- SNS Link --> */}
                        <ul class="list-inline">
                            
                            {/* <!-- add jianshu add target = "_blank" to <a> by BY --> */}
                            
                            <li>
                                <a target="_blank" href="https://www.jianshu.com/u/b15e5c90bc49">
                                    <span class="fa-stack fa-lg">
                                        <i class="fa fa-circle fa-stack-2x"></i>
                                        <i class="fa  fa-stack-1x fa-inverse">简</i>
                                    </span>
                                </a>
                            </li>
                            
                            
                            
                            
                            
                            
                            <li>
                                <a target="_blank" href="https://github.com/zou145688zhuang">
                                    <span class="fa-stack fa-lg">
                                        <i class="fa fa-circle fa-stack-2x"></i>
                                        <i class="fa fa-github fa-stack-1x fa-inverse"></i>
                                    </span>
                                </a>
                            </li>
                            
                            
                        </ul>
                        
                            <p>✉️ 1456886160@qq.com</p>
                        
                    </div>
                </section>
                {/* <!-- Friends Blog --> */}
                
                <hr/>
                <h5>FRIENDS</h5>
                <ul class="list-inline">
                    
                        <li><a href="https://www.jianshu.com/u/b15e5c90bc49">简书·ZZ</a></li>
                    
                        <li><a href="https://apple.com">Apple</a></li>
                    
                        <li><a href="https://developer.apple.com/">Apple Developer</a></li>
                    
                </ul>
                
    		</div>
        
	</div>
</div>


                  
    </div>);
}